<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>我要地图</title>
    <link rel="stylesheet" href="jquery_mobile/jquery.mobile.min.css">
    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <link rel="stylesheet" href="css/idangerous.swiper.3dflow.css">
    <link rel="stylesheet" href="css/appstore.css">
    <script src="jquery_mobile/jquery-2.1.4.min.js"></script>
    <script src="jquery_mobile/jquery.mobile.min.js"></script>
    <script src="js/linejs/idangerous.swiper-2.0.min.js"></script>
    <script src="js/linejs/idangerous.swiper.3dflow-2.0.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=y7I42kWI1lRqTPmv2l5SOBU8"></script>   
    <script src="js/busStationList.js"></script>
    <style type="text/css">
        html {
            height: 100%
        }

        body {
            height: 100%;
            margin: 0px;
            padding: 0px
        }

        #busStationSearchListPage {
            height: 95%
        }

        #busStationSearchListContent {
            height: 95%
        }

        #map {
            height: 95%
        }

        a:link {
            color: green;
        }

        .float {
            bottom: 160px;
            right: 0px;
            position: absolute;
        }

        /*        a:visited{
                    color: yellow;
                }

                a:hover{
                    color: red;
                }
                a:active{
                    color: blue;
                }*/

    </style>
</head>
<body>
<div data-role="page" id="busStationSearchListPage" data-theme="a">
    <div data-role="panel" id="resultpanel" data-position="left" data-display="overlay" data-animate="false">
        <a href="#" data-rel="close" data-role="button">关闭面板</a>
        <h4>线路选择</h4>
        <div id="l-result"></div>
    </div>
    <div data-role="panel" id="searchpanel" data-position="left" data-display="overlay" data-animate="false">
        <a href="#" data-rel="close" data-role="button">关闭面板</a>
        <h4>站点搜索</h4>
        <div id="r-query">
            <input type="text" id="keyword01" placeholder="输入公交站点名称"/>
            <button id="query">查询</button>
        </div>
    </div>
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1 id="title"></h1>
        <a href="#searchpanel" data-role="button" data-icon="star" class="ui-btn-left" data-theme="b">站点搜索</a>
        <a href="busStationMap.html" data-role="button" data-icon="star" class="ui-btn-right" data-theme="b"
           rel="external"
           data-ajax="false">公交地图</a>
    </div>
    <div data-role="content" id="busStationSearchListContent">
        <div id="map"></div>
        <div id="itemResult" style="display: none"></div>
        <!--<button id="reversequery" style="right:0px; bottom:80px; position:fixed">反向</button>-->
        <div align="center">
            <div class="thumbs-title" style="height: 300px;">

            </div>

            <div class="swiper-container thumbs-cotnainer">
                <div class="swiper-wrapper">
                </div>
            </div>
        </div>
    </div>
    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
        <div data-role="navbar" data-grid="c">
            <ul>
				<li><a href="index.html" rel="external" , data-ajax="false">首页</a></li>                
                <li><a href="busLineMap.html" rel="external" data-ajax="false">公交线路查询及地图显示</a></li>
                <li><a href="busLineList.html" rel="external" data-ajax="false">公交线路查询及列表列表</a></li>
				<li><a href="busStationMap.html" rel="external" data-ajax="false">公交站点查询及地图显示</a></li>
                <li><a href="#" class="ui-btn-active" data-ajax="false">公交站点查询及列表列表</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>